import { reactive } from "./reactivity/reactive";
import { effect } from "./reactivity/effect";
import { ref } from "./reactivity/ref";
import { computed } from "./reactivity/computed";

const data = reactive({
  name: "tom",
});

const info = reactive({
  age: 20,
});

const name = ref("tom");

// effect(() => {
//   console.log(data.name, info.age);
// });
// info.age = 21;
// effect(() => {
//   console.log(name.value);
// });

const actualName = computed(() => name.value + " - " + info.age);

console.log(actualName.value);

name.value = "Rose";

console.log(actualName.value);
